﻿@{
    Layout = null;
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>登录</title>
    <link rel="shortcut icon" href="~/images/favicon.ico" />
    <link rel="bookmark" href="/~/images/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="~/css/style.css" />
    <link rel="stylesheet" type="text/css" href="~/css/animate.css" />
    <script type="text/javascript" src="~/js/login.js"></script>
    <script type="text/javascript" src="~/js/jquery.min.js"></script>
    <script type="text/javascript" src="~/js/code.js"></script>  
    <style type="text/css">
        .nocode {
            display: inline-block;
            width: 100px;
            height: 25px;
        }

        .code {
            display: inline-block;
            color: #ff0000;
            font-family: Tahoma, Geneva, sans-serif;
            font-style: italic;
            font-weight: bold;
            text-align: center;
            width: 100px;
            height: 30px;
            line-height: 25px;
            cursor: pointer;
            border: 1px solid #e2b4a2;
            background: #e2b4a2;
        }

        .input {
            width: 100px;
        }
    </style>  
</head>
<body class="div3">
    <script type="text/javascript">
        var snow = function () {
            if (1 == 1) {
                $("body").append('<canvas id="christmasCanvas" style="top: 0px; left: 0px; z-index: 5000; position: fixed; pointer-events: none;"></canvas>');
                var b = document.getElementById("christmasCanvas"), a = b.getContext("2d"), d = window.innerWidth, c = window.innerHeight;
                b.width = d;
                b.height = c;
                for (var e = [], b = 0; b < 70; b++) {
                    e.push({ x: Math.random() * d, y: Math.random() * c, r: Math.random() * 4 + 1, d: Math.random() * 70 })
                }
                var h = 0;
                window.intervral4Christmas = setInterval(function () {
                    a.clearRect(0, 0, d, c);
                    a.fillStyle = "rgba(255, 255, 255, 0.6)";
                    a.shadowBlur = 5;
                    a.shadowColor = "rgba(255, 255, 255, 0.9)";
                    a.beginPath();
                    for (var b = 0; b < 70; b++) {
                        var f = e[b];
                        a.moveTo(f.x, f.y);
                        a.arc(f.x, f.y, f.r, 0, Math.PI * 2, !0)
                    }
                    a.fill();
                    h += 0.01;
                    for (b = 0; b < 70; b++) {
                        if (f = e[b], f.y += Math.cos(h + f.d) + 1 + f.r / 2, f.x += Math.sin(h) * 2, f.x > d + 5 || f.x < -5 || f.y > c) {
                            e[b] = b % 3 > 0 ? { x: Math.random() * d, y: -10, r: f.r, d: f.d } : Math.sin(h) > 0 ? { x: -5, y: Math.random() * c, r: f.r, d: f.d } : { x: d + 5, y: Math.random() * c, r: f.r, d: f.d }
                        }
                    }
                }, 70)
            }
        }
        snow();
       
    </script>

    <h2 style="color:#f85fc2;margin-top:40px; font-size:60px;text-align:center">欢迎使用房产评估系统</h2>
    <div class="div1">

        <div class="login_frame"></div>

        <div class="LoginWindow">
            <div>
                <div class="login">
                    <p>
                        <input type="text" name="id" id="zhang" placeholder="用户名" value="" />
                    </p>
                    <p>
                        <input type="password" name="password" id="mi" placeholder="密码" value="" />
                    </p>

                    <p>
                        <input type="text" name="id" id="yzm" placeholder="验证码" value="" style="width:150px" class="input" />&nbsp;&nbsp;&nbsp;&nbsp;
                        <span id="code" class="nocode">验证码</span> 
 
                    </p>
                    <p class="login-submit">
                        <button type="submit" class="login-button" id="check">登录</button>
                    </p>
                </div>
                <p class="registration  btn" id="regiest"><a>找回密码</a></p>
            </div>
        </div>


        <div class="box">
            <div class="regiest">
                <p>
                    <input type="text" id="username" placeholder="用户名" />
                </p>
                <p>
                    <input type="text" id="nickname" placeholder="身份证号" />
                </p>
                <p>
                    <input type="text" id="password" placeholder="手机" />
                </p>
                <p>
                    <input type="text" id="finalPWD" placeholder="邮箱" />
                </p>
                <p>
                    <input type="text" id="username" placeholder="账号" />
                </p>
                <p>
                    <input type="password" id="username" placeholder="新密码" />
                </p>
                <div id="btn2">
                    <ul>
                        <li>
                            <input type="button" value="关闭" class="colse" />
                        </li>
                        <li>
                            <input type="button" value="提交" class="sumbmit" />
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="timeArea" class="div2">
        <script type="text/javascript">LoadBlogParts();</script>
    </div>

    <script type="text/javascript">
        $(function () {
            $(".btn").click(function () {
                var left = ($(window).width() * (1 - 0.35)) / 2;//box弹出框距离左边的额距离
                var height = ($(window).height() * (1 - 0.5)) / 2;

                $(".box").addClass("animated bounceIn").show().css({ left: left, top: top });
                $(".opacity_bg").css("opacity", "0.3").show();
            });


            $(".colse").click(function () {

                var left = ($(window).width() * (1 - 0.35)) / 2;
                var top = ($(window).height() * (1 - 0.5)) / 2;
                $(".box").show().animate({
                    width: "-$(window).width()*0.35",
                    height: "-$(window).height()*0.5",
                    left: "-" + left + "px",
                    top: "-" + top + "px"
                }, 1000, function () {
                    var width1 = $(window).width() * 0.35;
                    var height1 = $(window).height() * 0.5;
                    console.log(width1);
                    $(this).css({ width: width1, height: height1 }).hide();
                });
            });
        });
    </script>

    
   
</body>
</html>
